div.UNO {
  border: 1px solid black;
  background-color: lightblue;
  padding-top: 50px;
  padding-right: 30px;
  padding-bottom: 50px;
  padding-left: 80px;
}


div.DOS {
  border: 1px solid black;
  padding: 25px 50px 75px 100px; /* arriba, derecha, abajo, izquierda */
  background-color: lightGREEN;
}


div.TRES {
    border: 1px solid black;
    padding: 25px 50px 75px; /* arriba, derecha/izquierda, abajo */
    background-color: pink;
  }
  

  div.CUATRO {
    border: 1px solid black;
    padding: 25px 50px; /* arriba y abajo, derecha e izquierda */
    background-color: yellow;
  }
  

  div.CINCO {
    border: 1px solid black;
    padding: 25px; /* relleno en todos los lados: arriba, derecha, abajo e izquierda */
    background-color: ORANGE;
  }

  div.ex1 {
    width: 300px;
    background-color: PURPLE;
  }
  
  div.ex2 {
    width: 300px;
    padding: 25px;
    background-color: BLUE;
  }

  div.ex11 {
    width: 300px;
    background-color: yellow;
  }
  
  div.ex22 {
    width: 300px;
    padding: 25px;
    box-sizing: border-box;
    background-color: lightblue;
  }